<template>
  <!-- <div @click="wer = { value: 203 }">{{ wer }}-30</div> -->
  <div @click="qer = 200">{{ qer }}</div>
  <!-- <div @click="ter = 300">{{ ter }}</div>
  <div @click="number = 63">{{ number }}</div> -->
</template>

<script setup>
import { reactive } from "vue";
const props = defineProps({
  wer: {
    type: Object,
    default: () => reactive({ value: 203 }),
  },
  qer: {
    type: Number,
  },
  ter: {
    type: Number,
  },
  number: {
    type: Number,
  },
});
const emits = defineEmits(["tems", "wers", "tes"]);
const handleClick = () => {
  console.log(props, "2000");
  props.wer = { value: 23 };
  emits("tems");
};
const handleClick1 = () => {
  console.log(props.wer, "2000");
  props.qer = 2000;
  emits("wers");
};
const handleClick2 = () => {
  console.log(props.ter, "2000");
  props.ter = 3000;
  emits("tes");
};
const handleClick3 = () => {
  console.log(props.ter, "2000");
  props.number = 63;
};
</script>

<style scoped></style>
